$(function() {
	var bool_flag = true;
	// 引入header
	$("header").load("header_top.html");
	$("footer").load("footer.html")
	//<--------------------正则表达式匹配-------------------->
	var tel_reg = /^1[34578]\d{9}$/;
	var pass_reg = /[0-9a-zA-Z]{6,20}/;
	//<--------------------判断手机号码-------------------->
	$("#user_phone").change(function() {
		if(!tel_reg.test($("#user_phone").val())) {
			$("#user_phone").parent().next().html('<img src="img/register/alert.png"/>手机号码不正确,请再次输入');
			$(this).next().css("display", "none");
			bool_flag = false;
		} else {
			$.ajax({
				type:"post",
				url:"register.php",
				async:true,
				data:{
					user_phone: $("#user_phone").val(),
					flag:"select"
				},
				success:function(data){
					// 该用户名已被占用
					if(data == "1"){
						$("#user_phone").parent().next().html('<img src="img/register/alert.png"/>该手机号码已经注册,您可以直接登录');
						bool_flag = false;
					}else{
						// 该用户名未被占用
						bool_flag = true;
						$("#user_phone").parent().next().html("");
						$("#user_tip_img").css("display", "block");
					}
				}
			});
		}
	})
	//<--------------------判断密码-------------------->
	$("#user_pass").change(function() {
		if(!pass_reg.test($("#user_pass").val())) {
			$("#user_pass").parent().next().html('<img src="img/register/alert.png"/>密码输入不合法');
			$(this).next().css("display", "none");
			bool_flag = false;
		} else {
			$("#user_pass").parent().next().text("");
			$(this).next().css("display", "block");
			bool_flag = true;
		}
	})
	//<---------------------判断确认密码------------------->
	$("#user_confirm").change(function() {
		if($("#user_pass").val() != $("#user_confirm").val()) {
			$(this).next().css("display", "none");
			$("#user_confirm").parent().next().html('<img src="img/register/alert.png"/>两次密码输入不一致');
			bool_flag = false;
		} else {
			$(this).next().css("display", "block");
			$("#user_confirm").parent().next().text("");
			bool_flag = true;
		}
	})
	//<-------------------判断验证码---------------------->
	$("#user_code").change(function() {
		if($("#user_code").val().toLowerCase() == checkCode.toLowerCase()) {
			$(this).next().css("display", "block");
			$("#user_code").parents('#code_wrap').next().text("");
			bool_flag = true;
		} else {
			bool_flag = false;
			$(this).next().css("display", "none");
			$("#user_code").parents('#code_wrap').next().html('<img src="img/register/alert.png"/>验证码输入错误');
		}
	})
	//<-------------------获取手机验证码---------------------->
	var phone_code = "";
	function randomNum(m, n) {
		return Math.floor(Math.random() * (n - m + 1) + m);
	}
	$("#get_code").click(function() {
		var phone_code = "";
		var count = 60;
		$("#get_code").val(count + "秒后重发");
		$("#get_code").prop("disabled", true);
		var timer = setInterval(function() {
			count--;
			if(count < 0) {
				clearInterval(timer);
				$("#get_code").val("获取验证码");
				$("#get_code").prop("disabled", false);
			}
			$("#get_code").val(count + "秒后重发");
		}, 1000)
		for(var i = 0; i < 4; i++) {
			phone_code += randomNum(0, 9);
		}
		setTimeout(function() {
			alert(phone_code);
			$("#phone_code").change(function() {
				if($(this).val() != phone_code) {
					$(this).parent().find("span").html('<img src="img/register/alert.png"/>验证码输入失败');
					bool_flag = false;
				} else {
					$(this).parent().find("span").text("");
					bool_flag = true;
				}
			})
		}, 2000);
	});
	//<--------------------------登录按钮的点击事件-------------------------->
	$("#login_btn").click(function(){
		window.location = "login.html";
	})
	//<---------------------------注册按钮的点击事件---------------------->
	$("#register_btn").click(function() {
		var time_to_jump = 3;
		// 判断信息是否填写规范以及是否勾选了同意按钮
		if(bool_flag && $("#check_inp").prop("checked")) {
			$.ajax({
				type: "post",
				url: "register.php",
				async: true,
				data: {
					user_phone: $("#user_phone").val(),
					user_pass: $("#user_pass").val(),
					flag:"insert"
				},
				success: function(data) {
					if(data == "1") {
						$(".recharge_success").css("display", "block");
						timer = setInterval(function() {
							time_to_jump--;
							if(time_to_jump < 0) {
								clearInterval(timer);
								$(".recharge_success").css("display", "none");
								//接下来需要跳转界面,先预留着
								window.location = "login.html";
							}
							$(".time_to_jump").text(time_to_jump);
						}, 1000);
					}
				}
			});
		} else {
			alert("请完善信息!");
		}
	})
})